﻿@model Traviesuras.Models.clsProducto

@{
    Layout = null;
    ViewBag.Title = "Consulta";
}

<script src="~/Scripts/jquery-1.10.2.js"></script>
@*<script src="~/Scripts/Telerik/jquery.min.js"></script>*@
<script src="~/Scripts/jquery-ui.js"></script>
<script src="~/Scripts/traviesuras/ConfigPro.js"></script>


<script src="~/Scripts/Telerik/kendo.web.min.js"></script>
<script src="~/Scripts/Telerik/console.js"></script>

<link href="~/Content/jquery-ui.css" rel="stylesheet" />
<link href="~/Content/style.css" rel="stylesheet" />

<link href="~/Content/Telerik/kendo.common.min.css" rel="stylesheet" />
<link href="~/Content/Telerik/kendo.default.min.css" rel="stylesheet" />
<link href="~/Content/Telerik/kendo.rtl.min.css" rel="stylesheet" />
<link href="~/Content/Telerik/styles/examples-offline.css" rel="stylesheet" />

<div id="example" class="k-content" style="margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;">
<input type="button" value="Nuevo Producto" onclick="nuevo()"/>

            <table id="grid">
                <colgroup>
                    <col style="width:3%"/>
                    <col style="width:53%"/>
                    <col style="width:10%"/>
                    <col style="width:5%"/>
                    <col style="width:5%"/>
                    <col style="width:5%"/>
                    <col style="width:20%"/>
                </colgroup>
                <thead>
                    <tr>
                        <th data-field="Id">Id.</th>
                        <th data-field="Nombre">Nombre</th>
                        <th data-field="Precio">Precio</th>
                        <th data-field="Cantidad">Cantidad</th>
                        <th data-field="Tipo">Tipo</th>
                        <th data-field="Estado">Estado</th>
                        <th data-field="btn">...</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in Model.lstProducto)
                    {
                        <tr>
                            <td>@item.id_producto</td>
                            <td>@item.nombre</td>
                            <td>@item.precio</td>
                            <td>@item.cantidad</td>
                            <td>@item.tipo_producto </td>
                            <td>@item.estado</td>
                            @if(item.estado=="A"){
                            <td><input type="button" value="Editar" onclick="mod(@item.id_producto,'@item.nombre    ','@item.precio.ToString().Replace(",",".")    ',@item.cantidad,'@item.tipo_producto    ','@item.estado    ');"/> <input type="button" value="Deshabilitar" onclick="    eliminar(@item.id_producto);reload();"/> </td>
                            }else{
                            <td><input type="button" value="Editar" onclick="mod(@item.id_producto,'@item.nombre    ','@item.precio.ToString().Replace(",",".")    ',@item.cantidad,'@item.tipo_producto    ','@item.estado    ');"/> <input type="button" value="Habilitar" onclick="    eliminar(@item.id_producto);reload();"/> </td>
                            }
                        </tr>
                    }
                </tbody>
            </table>

            <script>
                $(document).ready(function() {
                    $("#grid").kendoGrid({
                        height: 400,
                        resizable: true,
                        sortable: true
                    });
                });
            </script>
        
    

@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<div id="frmNuevo" title="Producto" hidden="hidden">
        <fieldset>
            <legend>Productos</legend>
            <table style="font-size:small">
                <tr>
                    <td>@Html.LabelFor(model => model.id_producto)</td>
                    <td>@Html.TextBoxFor(model => model.id_producto, new { @readonly="readonly" })</td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(model => model.nombre)</td>
                    <td>@Html.TextBoxFor(model => model.nombre)</td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(model => model.precio)</td>
                    <td>$@Html.TextBoxFor(model => model.precio)</td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(model => model.cantidad)</td>
                    <td>@Html.EditorFor(model => model.cantidad)</td>
                </tr>
                <tr>
                    <td>@Html.LabelFor(model => model.tipo_producto)</td>
                    <td>@Html.TextBoxFor(model => model.tipo_producto)</td>
                </tr>
            </table>
        </fieldset>
    </div>
    
</div>
    